<template>
	<view id="all">
		<view id="user" class="business">
			<view id="head-img"></view>
			<view id="user-Message"></view>
		</view>
		<view id="quest" class="business"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style lang="scss">
#all{
	display: flex;
	flex-direction: column;
	align-items: center;
	.business{
		width: 750rpx;
	}
}
#user{
	background-color: red;
	height: 600rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	// box-shadow: 0 10rpx 10rpx rgb(0, 0, 0);
	#head-img{
		width: 200rpx;
		height: 200rpx;
		border-radius: 200rpx;
		background-color: white;
	}
	#user-Message{
		width: 400rpx;
		height: 100rpx;
		background-color: white;
		margin-top: 12rpx;
	
	}
}
#quest{
	margin-top:-100rpx ;
	border-radius: 100rpx 100rpx 0 0;
	height: 1000rpx;
	background-color: skyblue;
	/*  阴影 */
	box-shadow: 0 -20rpx 30rpx rgba(255,255,255,0.5);

}
</style>
